<section id="pro-show-box">
	<h2 th:text="${productTag.name}">WowWee MIP智能机器人</h2>
	<div fx="rollLeft" RollRow="1" DisplayRow="4" title=""
		switchbigimg="*[bigImgObj]" Time="5000">
		<div class="pro-show-pic">
			<div class="play-source">
				<img src="http://placehold.it/754x460" alt=""
					th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(productTag.product.defaultImageUrl)}" bigImgObj="" />
			</div>
			<div th:replace="/views/product/partials/videoViewport"></div>
		</div>
		<div class="pro-show-big" roll="">
			<div class="pro-arrow">
				<span class="arr-l" btnl="">l</span> <span class="arr-r" btnr="">r</span>
			</div>
			<div class="pro-small-list">
				<ul class=" clearfix">
					<li th:each="img:${productTag.product.imageUrls}">
						<a href="javascript:;">
							<img th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(img)}"
								th:attr="bigSrc=${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(img)}"
								src="http://192.168.1.113:8080/faxsun/cmsstatic/product/10100/sandisk-1.jpg"
								bigSrc="http://192.168.1.113:8080/faxsun/cmsstatic/product/10100/sandisk-1.jpg" 
							/>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="pro-video" th:if="${productTag.videoUrl!=null and !productTag.videoUrl.isEmpty()}">
		<a href="javascript:;" id="video">video</a>
	</div>
</section>